/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

body{
    background-color: #fff;
    font:12px/1.5 tahoma,arial,'Hiragino Sans GB','微软雅黑',\5b8b\4f53,sans-serif;
    color:#999;

}

a {
    text-decoration: none;
}
a:hover {
    color: #0062b2;
    text-decoration: underline
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

input[type="text"]:focus, input[type="password"]:focus {
/*  outline: 0;*/
/*  border-color:rgba(255,97,97, 0.8);*/
/*  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255,97,97, 0.6);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255,97,97, 0.6);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255,97,97, 0.6);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255,97,97, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255,97,97, 0.6);*/
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
input[type="submit"]:focus, input[type="submit"]:hover {
   /* background-position: 80px center; */
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
   /* outline: 0;*/
    opacity: 0.9
}
input[type="submit"]:active{
    /*background-color: #cf0000;*/
}
.pageconfig-wrap {
    width: 100%;
    background: #fff;
    padding: 10px;
  
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pageconfig-wrap .pageconfig-buttons {
    text-align: right;
    padding: 10px 0;
}

.pageconfig-table tr {
    cursor: pointer;
}

.pageconfig-wrap .pageconfig-form {
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.pageconfig-wrap .pageconfig-form .pageconfig-form-main {
    padding: 10px;
}

.pageconfig-wrap .el-form-item {
    float: left;
    width: 25%;
    margin-bottom: 20px;
}

.pageconfig-wrap .el-form--label-left .el-form-item__label {
    padding-left: 10px;
}

.pageconfig-wrap .el-form-item.submit-btn {
    clear: both;
    width: 100%;
    text-align: right;
}

.pageconfig-wrap .el-form-item.submit-btn .el-button {
    width: 130px;
}

.pageconfig-wrap .addform-wrap .el-form-item {
    width: 50%;
    float: left
}

.pageconfig-wrap .addform-wrap .el-form-item .el-input {
    widows: 85%;
}

.pageconfig-wrap .addform-wrap .el-form-item.submit-btn {
    clear: both;
    width: 100%;
    text-align: right;
}

.pageconfig-wrap .el-select {
    width: 100%;
}
.el-dialog {
   
    left: 25%!important;
    -ms-transform: translateX(0)!important;
    transform: translateX(0)!important;
  
}
.realdata-wrap {
    width: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    z-index: 50;
}

.realdata-wrap .realdata-menus-wrap {
    width: 160px;
    z-index: 222;
    position: absolute;
    left: 0;
    top: 10px;
}

.realdata-menus-wrap .r-menus-btns .el-button {
    text-align: center;
    font-size: 12px;
    padding: 7px 15px;
}

.realdata-menus-wrap .r-menus-btns .searchcon {
    padding: 10px 0;
    width: 148px;
}

.realdata-menus-wrap .el-input__inner {
    height: 30px!important;
}

.realdata-wrap .realdata-list-infos {
    margin-left: 160px;
}

.realdata-wrap .realdata-list-infos .tabs-wrap {
    padding-top: 15px;
}

.realdata-wrap .realdata-list-infos .tabs-wrap .tabs-nav {
    overflow: hidden;
    margin-top: -1px
}

.realdata-wrap .realdata-list-infos .tabs-content {
    border: 1px solid #ccc;
    height: 200px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.realdata-wrap .realdata-list-infos .tabs-wrap .tabs-nav span {
    height: 42px;
    box-sizing: border-box;
    line-height: 42px;
    display: block;
    font-size: 14px;
    color: rgb(131, 145, 165);
    position: relative;
    padding: 0px 16px;
    list-style: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(209, 219, 229);
    border-image: initial;
    border-radius: 0;
    float: left;
    margin-left: -1px;
    background: #fff;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    cursor: pointer;
}

.realdata-wrap .realdata-list-infos .tabs-wrap .tabs-nav span:first-child {
    margin-left: 0
}

.realdata-wrap .realdata-list-infos .tabs-wrap .tabs-nav span.on {
    border-top-color: #fff;
    color: #20a0ff;
}

.realdata-wrap .sub-menu {
    width: 160px;
    z-index: 222;
    background: rgb(254, 254, 254);
    overflow-y: auto;
    overflow-x: hidden;
}
.tabs-content-s{
    display: none
}
.num-show{
    color:red;margin-left:10px
}
.realdata-wrap .tabs-box{
    /* position: fixed;
    bottom:0;
    right:0;
    width:1168px; */
}
.sub-menu .el-app-menu {
    width: 148px;
    background: #fff;
    border: 1px solid #ccc;
    height: 100%;
}

.realdata-wrap .hd-white.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #f0f0f0;
}

.hd-white.jquery-accordion-menu li.active a.go-look,
.hd-white.jquery-accordion-menu li:hover a.go-look {
    background: #f0f0f0;
}

.realdata-wrap .jquery-accordion-menu>ul>li>a {
    padding-left: 7px!important;
}

.realdata-wrap .jquery-accordion-menu ul ul.submenu>li>a {
    padding-left:12px!important;
}

.realdata-wrap .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 24px!important;
}
.p-name{
    visibility: hidden;
}
.realdata-wrap .jquery-accordion-menu ul ul.submenu>li>ul.submenu>li:hover a {}

.realdata-wrap .jquery-accordion-menu ul li a.go-look:hover {
    color: blue!important;
}

/* .hd-white.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: blue
} */

.hd-white.jquery-accordion-menu ul ul.submenu li>a.current {
    border-left-color: blue;
    color:blue
}

.realdata-menus-wrap .r-menus-btns .searchcon input {
    cursor: auto;
}
/* 基础配置页面 */
.pageconfig-page{
    width:50%;
    margin:10px auto;
    padding:5px;
    border:1px solid #ccc
}
.pageconfig-page .title{
  text-align: center;
  font:normal 16px/30px 'Microsoft YaHei';
  color:#000;
  padding-bottom:5px;
}
.pageconfig-page .rows-col-show{
    width:60%;
    margin:0 auto;
    border:1px solid #ccc;
    margin-bottom:10px;
    padding:5px 10px;
   
}
.pageconfig-page .my-server-title{
    font:normal 14px/30px 'Microsoft YaHei';
    color:#000;
    padding-bottom:5px;
}
.pageconfig-page .e-form-group{
    overflow:hidden;
}
.pageconfig-page .e-form-group .input-infos{
    float:left;
    width:50%;
    position: relative
}
.pageconfig-page .e-form-group .input-infos .el-form-item__label{
    padding-left:30px;
    min-width: 115px;
    font-size:13px; 
}
  
.pageconfig-page .e-form-group .input-infos .el-form-item__content{
    position: absolute;
    left:110px;
    top:0
}
.pageconfig-page .e-form-group .input-infos.dkinput .el-form-item__content{
    left:110px;
}
  
.pageconfig-page .checkbox-title{
    float:left;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #48576a;
    line-height: 1;
    padding: 0px 12px 11px 0;
    box-sizing: border-box;
    padding-left:30px;
    padding-top:30px;
}
.pageconfig-page .check-box{
    float:left;
    margin-left:30px;
    border:1px solid #d8d8d8;
    padding:10px 50px 20px 10px;
}
.pageconfig-page .add-btn{
    text-align: right;

    padding-bottom:10px;
    padding-right: 11px;
}
.pageconfig-page .check-box .el-checkbox{
     display: block;
     margin-left:0;
     margin-bottom:10px;
}
.pageconfig-page .rows-4.rows-col-show{
    border:0;
    text-align: center
}
.pageconfig-page .rows-4.rows-col-show .el-button{
    padding:10px 45px;
}
.pageconfig-page .e-form-group .input-infos.dkinput .el-form-item__content .el-input{
    width: 50%;
}
.pageconfig-page .rows-3 .e-form-group{
   position: relative
}
.pageconfig-page .rows-3 .e-form-group .el-icon-delete{
    position: absolute;
    right: 10px;
    top: 15px;
    cursor:pointer
}
/* 配置页面2 */
.addconfig-page-box{
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.addconfig-page{
    border: 1px solid #ccc;
    overflow:hidden;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   
}
.addconfig-page .group-part{
    float:left;
    width:50%;
    position: relative
}
.addconfig-page .table-list{
    padding-top:15px;
    padding-right:10px;
}
.addconfig-page .el-dialog--small{
    width:42%
}
/* .addconfig-page .el-dialog__body{
    padding: 20px 60px;
} */
.addconfig-page .xyselect-input input{
    padding-right:0
}
.addconfig-page .submit-btn{
    text-align: right;
    padding-top:10px;
    float:right;
    padding-right:10px;
}
.addconfig-page .right-btn{
    float:right;
    padding-right:10px;
}
.addconfig-page .btn-wrap{
    overflow: hidden;
    position: relative;
}
.addconfig-page .btn-wrap .title{
    font:normal 16px/30px 'Microsoft YaHei';
    position: absolute;
    left:0;
    bottom:0;
    letter-spacing: 5px;
}
.rows-4.rows-col-show .el-form-item{
    margin-bottom:5px;
}
.nav-box{
  height: 30px;
 width:100%;
}
.nav-box .nav-list{
    padding-left:12px;
}
.nav-box .nav-list li{
    color: rgb(0, 85, 165);
    float: left;
  
    height: 29px;
    line-height: 29px;
    font-size: 13px;
    background: #fff;
    padding:0 15px;
    position: relative;
    height: 30px;
}
.nav-box .nav-list li span.nav-txt{
    text-decoration: none;
    color: rgb(0, 85, 165);
    line-height: 30px;
    display: block;
    width:100%;
    background: #fff;
    padding:0 5px;
    text-align: center;
    -webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    -ms-transition: all .20s ease;
    -o-transition: all .20s ease;
    transition: all .20s ease;
   
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 30px;
    border-bottom:1px solid #fff
    
}
.nav-box .nav-list li span a{
    text-decoration: none;
    color: rgb(0, 85, 165);
}
.nav-box .nav-list li:hover span{
    /* background-color: rgb(50, 142, 209);
    background-color: rgb(50, 142, 209);
    color: rgb(255, 255, 255); */
}
.nav-box .nav-list li:hover span a{
    /* color: rgb(255, 255, 255); */
}

.nav-box .nav-list li.current span a{
    /* color:#fff; */
}
.nav-box .children-list{
    position: absolute;
    top: 30px;
    background: #fff;
    z-index: 100;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    left: 0;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    -ms-transition: all .20s ease;
    -o-transition: all .20s ease;
    transition: all .20s ease;
    box-shadow: 0px 0px 10px rgba(193, 190, 199, 0.9) inset;
    padding:15px 0;
    display: none;
    padding-top:7px;
   
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  
}
.nav-box .nav-list li span.square{
    position: absolute;
    left: 41px;
    top: 16px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    font-size: 0;
    line-height: 0;
    z-index: 200;
    display: none;
}
.nav-box .nav-list li span.square1{
    position: absolute;
    left: 39px;
    top: 10px;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #e5e5e5 transparent;
    font-size: 0;
    line-height: 0;
    z-index: 150;
    display: none
}
.nav-box .nav-list li:hover span.nav-txt{
  border-color: blue
}

.nav-box .nav-list li.haveson:hover span.nav-txt{
    border-color:transparent
}
.nav-box .nav-list li.current span{
    border-color: blue
 }
.nav-box .nav-list li:hover .children-list{
    opacity: 1;
    display: block;
}
.nav-box .nav-list li:hover span.square1{
    display: block
}
.nav-box .nav-list li:hover span.square{
    display: block
}
.nav-box .children-list dd{
    font:12px/30px 'Microsoft YaHei';
    padding-left:10px;
}
.nav-box .children-list dd:hover{
    background: #40c7db
}
.nav-box .children-list dd a{
    text-decoration: none;
    color: rgb(0, 85, 165);
    display: block;
    width:100%;
    height: 100%;
}
.qdform-inline{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    width: 100%  
}
.qdform-inline .el-form-item{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;    
}
.el-table__body-wrapper{
    overflow-x:hidden!important;
}
.pageconfig-page-box{
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
 
}
.pageconfig-page-box .pageconfig-page{
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}
.realdata-wrap .jquery-accordion-menu ul ul.submenu>li>a.go-look2 {
    padding-left:0px!important;
    margin-left: -4px!important
}